import React from 'react'
import style from "./style.module.scss"
import pargain from "../../../assets/images/pargain.png"

import shop1 from "../../../assets/images/pargain_shop_1.jpg"
import shop2 from "../../../assets/images/pargain_shop_2.jpg"
import shop3 from "../../../assets/images/pargain_shop_3.jpg"
import shop4 from "../../../assets/images/pargain_shop_4.jpg"


export default function Bargain() {
  return (
    <div className={style.bargain}>
      <div className={style.header}>
        <img src={pargain} alt="" />
        <div className={style.countdown}>
          <div className={style.time}>12</div>
          <div className={style.time}>12</div>
          <div className={style.time}>12</div>
        </div>
        <span>{"大牌底价补贴>"}</span>
      </div>
      <div className={style.bottom}>
        <div className={style.shop}>
          <img src={shop1} alt="" />
          <p className={style.cprice}>硬核价<b>￥</b><span>146</span></p>
          <p className={style.aprice}>￥440</p>
        </div>
        <div className={style.shop}>
          <img src={shop2} alt="" />
          <p className={style.cprice}>硬核价<b>￥</b><span>132</span></p>
          <p className={style.aprice}>￥298</p>
        </div>
        <div className={style.shop}>
          <img src={shop3} alt="" />
          <p className={style.cprice}>硬核价<b>￥</b><span>93.7</span></p>
          <p className={style.aprice}>￥139</p>
        </div>
        <div className={style.shop}>
          <img src={shop4} alt="" />
          <p className={style.cprice}>硬核价<b>￥</b><span>241</span></p>
          <p className={style.aprice}>￥395</p>
        </div>
      </div>
    </div>
  )
}
